<div id="admincont">

    <div class="page-content">
        <div class="col-md-12">
            <div class="alert alert-info" style="margin: 0px -15px 30px -15px;">
                <p style="color: #666;">
                    <span>管理员信息</span>
                </p>
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <div class="profile">
            <div class="tabbable-line tabbable-full-width">
                <div class="tab-content portlet-body">
                    <div class="tab-pane active admin-xx" id="tab_1_1">

                        <form action="#" class="form-horizontal form-bordered">
                            <div class="form-group">
                                <label class="col-md-4 control-label"> 用户名：</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control" value="XXX" disabled="disabled"> </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"> 姓名：</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control " value="XXX" disabled="disabled"> </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"> 编号：</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control" value="12312312312" disabled="disabled"> </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"> 民族：</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control " value="汉" disabled="disabled"> </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-4">性别：</label>
                                <div class="col-md-4">
                                    <select class="form-control  " disabled="disabled">
                                        <option value="">男</option>
                                        <option value="">女</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-4">角色：</label>
                                <div class="col-md-4">
                                    <select class="form-control  col-md-4" disabled="true">
                                        <option value="Category 1">系统管理员</option>
                                        <option value="Category 2">操作员</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-4">出生日期：</label>
                                <div class="col-md-4">
                                    <div class="input-group date form_datetime">
                                        <input type="text" size="16" readonly class="form-control" value="2017.1.1" disabled="disabled">
													<span class="input-group-btn">
                                                            <button class="btn default date-set" type="button">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-4">入职日期：</label>
                                <div class="col-md-4">
                                    <div class="input-group date form_datetime">
                                        <input type="text" size="16" readonly class="form-control" value="2017.1.1" disabled="disabled">
													<span class="input-group-btn">
                                                            <button class="btn default date-set" type="button">
                                                                <i class="fa fa-calendar"></i>
                                                            </button>
                                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">个人简介：</label>
                                <div class="col-md-4">
                                    <textarea class="form-control" rows="3" disabled="disabled">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</textarea>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="col-md-offset-4 col-lg-12">
                                    <a href="#">
                                        <button type="button" class="btn btn-primary" name="xg">修改</button>
                                        <button type="button" class="btn btn-primary" name="bc">保存</button>
                                    </a>
                                    &nbsp;&nbsp;
                                    <a href="#tab_1_6" data-toggle="tab">
                                        <button type="button" class="btn default">密码修改</button></a>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!--tab_1_2-->
                    <!--end tab-pane-->
                    <div class="tab-pane " id="tab_1_6">
                        <div class="row  profile-account">
                            <div id="tab_3-3 " class="tab-pane ">
                                <form action="# " class="form-horizontal form-bordered">
                                    <div class="form-group ">
                                        <label class="control-label col-md-4 ">原密码：</label>
                                        <div class="col-md-4 ">
                                            <input type="password " class="form-control " /> </div>
                                    </div>
                                    <div class="form-group ">
                                        <label class="control-label col-md-4 ">新密码：</label>
                                        <div class="col-md-4 ">
                                            <input type="password " class="form-control " /> </div>
                                    </div>
                                    <div class="form-group ">
                                        <label class="control-label col-md-4 ">确认密码：</label>
                                        <div class="col-md-4 ">
                                            <input type="password " class="form-control " /> </div>
                                    </div>
                                    <div class="form-group ">
                                        <div class="col-md-offset-4 col-lg-4 ">
                                            <a href="#" class="btn btn-primary "> 保存 </a>
                                            &nbsp;&nbsp;
                                            <a href="#tab_1_1" data-toggle="tab" class="btn default "> 取消 </a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end tab-pane-->
            </div>
        </div>
    </div>
    <!-- END CONTENT BODY -->
</div>
<script>
    $('button[name="xg"]').on('click',function(){
//        console.log(1);
        $('.admin-xx :disabled').removeAttr('disabled');
        $(this).hide().next().show();
    });
    $('button[name="bc"]').on('click',function(){
        $('.admin-xx .form-control').attr('disabled','disabled');
        $(this).hide().prev().show();
    });
</script>